<cfcomponent output="false">
	
	<!--- --->
	
	<cffunction name="renderDashboard" access="public" output="false" returntype="string">
		
		<cfset var local = {} />
		
		<cfsavecontent variable="local.result">
			<script>
				$(document).ready(function(){
					var tour = {
						id: "hello-hopscotch",
						showPrevButton:true,
						steps: [
							{
								title: "My Header",
								content: "This is the header of my page.",
								target: '#craftivityLogo',
								placement: "bottom"
							},
							{
								title: "My content",
								content: "Here is where I put my content.",
								target: '.widget:last',
								placement: "top"
							}
						],
						onEnd:function(){
							$('.hopscotch-border').removeClass('hopscotch-border');
						},
						onClose:function(){
							$('.hopscotch-border').removeClass('hopscotch-border');
						}
					};
					hopscotch.startTour(tour);
				});
			</script>
		</cfsavecontent>

		<cfreturn $.render.clean(local.result) />

	</cffunction>

	<!--- --->

</cfcomponent>